<link rel="stylesheet" type="text/css" href="/css/user/userManager.css?__inline">
<script type="text/javascript" src="/node_modules/zui/dist/lib/dashboard/zui.dashboard.min.js?__inline"></script>
<link rel="stylesheet" type="text/css" href="/node_modules/zui/dist/lib/dashboard/zui.dashboard.min.css">
<script type="text/javascript" src="/js/user/userManager.js?__inline"></script>
<div class="container-fluid ">
    <div id="dashboard" class="dashboard dashboard-draggable" data-height="500">
        <div class="row">
            <div class="col-md-3">
                <div class="panel" data-id="1">
                    <div class="panel-heading">
                        <span class="title">部门列表</span>
                        <div class="panel-actions">
                            <button type="button" class="btn" id="dept_add" data-position="center" data-toggle="modal" data-target="#addModal" data-toggle="tooltip" title="添加"><i class="icon-plus"></i></button>
                            <button type="button" class="btn" id="dept_edit" data-toggle="tooltip" title="编辑"><i class="icon-pencil"></i></button>
                            <button type="button" class="btn" id="dept_delete" data-toggle="tooltip" title="删除"><i class="icon-trash"></i></button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <ul id="department_tree" class="ztree">

                        </ul>
                    </div>
                </div>

            </div>
            <div class="col-md-9">
                <div class="panel" data-id="3">
                    <div class="panel-heading">
                        <span class="title">人员详情</span>
                        <div class="panel-actions">
                            <button type="button" class="btn" data-toggle="tooltip" title="添加人员"><i class="icon-plus"></i></button>
                        </div>
                    </div>
                    <div class="panel-body no-padding" style="padding:0">
                        <div class="datatable" data-checkable="true" data-sortable="true"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="addModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">添加部门</h4>
            </div>
            <div class="modal-body">
                <link rel="import" href="/view/user/addDept.html?__inline">
            </div>
        </div>
    </div>
</div>